<!doctype html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta charset="UTF-8">
	<title>Izwebz 2014</title>
	
	<!-- Script -->
	<script src="script/jquery-2.1.0.min.js"></script>
	<script src="script/waypoints.min.js"></script>
	<script src="script/jquery.screwdefaultbuttonsV2.min.js"></script>
	<script src="script/application.js"></script>
	<!-- Style -->
	<link rel="stylesheet" href="css/type.css">
	<link rel="stylesheet" href="css/style.css">
</head>

<body>
	<nav class="main-nav" id="main-nav">
		<ul>
			<li><a href="">Menu Item</a></li>
			<li><a href="">Menu Item</a></li>
			<li><a href="">Menu Item</a></li>
			<li><a href="">Menu Item</a></li>
			<li><a href="">Menu Item</a></li>
		</ul>
	</nav>
	<div class="page-wrap">
		<header class="wrapper">
			<section id="head">
				<a href="#" class="logo floatLeft"><img src="images/logo.png" alt="izwebz logo"></a>
				<a href="#main-nav" class="list floatRight open-menu"><img src="images/icon-list.png" alt="Izwebz menu"></a>
			    <a href="#" class="list floatRight close-menu"><img src="images/icon-list.png" alt="Izwebz menu"></a>
			    <div class="clearfix"></div>
			</section>
			<!-- #head -->
			<section id="workPlace">
				<div class="slider">
					<img src="images/slider.png" alt="Slider">
				</div>
				<!-- /.slider -->
				<div class="searchOption">
					<div class="search floatLeft">
						<form action="#" id="search-form">
							<div class="select">
								<a href="#" class="searchByGoogle active"><img src="images/icon-google.png" alt=""></a>
								<a href="#" class="searchByIzwebz none"><img src="images/icon-izwebz.png" alt=""></a>
							</div>
							<select name="search" id="">
								<option value="google" selected="selected">Google</option>
								<option value="izwebz">Izwebz</option>
							</select>
							<input type="text" name="searchText" autocomplete="off" placeholder="Nhập từ khoá của bạn vào và nhấn Enter">
						</form>
					</div>
					<!-- /.search -->
					<div class="social floatRight">
						<ul>
							<li><a href="#"><img src="images/icon-facebook.png" alt=""></a></li>
							<li><a href="#"><img src="images/icon-youtube.png" alt=""></a></li>
							<li><a href="#"><img src="images/icon-tweet.png" alt=""></a></li>
							<li><a href="#"><img src="images/icon-rss.png" alt=""></a></li>
						</ul>
					</div>
					<!-- /.social -->

					<div class="searchSuggest">
						<ul class="floatLeft">
							<li><a href="inedx.html">html css</a></li>
							<li><a href="inedx.html">Thủ thuật wordpress</a></li>
							<li><a href="inedx.html">html 5 slider</a></li>
							<li><a href="inedx.html">php mysql</a></li>
							<li><a href="inedx.html">jquery căn bản</a></li>
							<li><a href="inedx.html">cách dùng domain</a></li>
							<li><a href="inedx.html">html là gì?</a></li>
							<li><a href="inedx.html">PSD sang HTML</a></li>
							<li><a href="inedx.html">giáo trình css</a></li>
							<li><a href="inedx.html">cơ bản về PHP</a></li>
							<li><a href="inedx.html">jquery cơ bản</a></li>
							<li><a href="inedx.html">giáo trình css</a></li>
						</ul>
						<div class="izwebzProducts floatRight">
							<a href="index.html"><img src="images/product-html5.jpg" alt=""></a>
							<a href="index.html"><img src="images/product-psd2html.jpg" alt=""></a>
							<a href="index.html"><img src="images/product-php.jpg" alt=""></a>
						</div>
						<!-- /.izwebzProducts -->
					</div>
					<!-- /.searchSuggest -->
					<div class="clearfix"></div>
				</div>
				<!-- /.searchOption -->

			</section>
		</header>
		<!-- Header -->
			
		<article id="mainContain" class="wrapper">
			<section class="floatLeft" id="lastestPost">
				<div id="newItem-1" class="lastItems catHead">
					<h1># chuyên mục </h1>
					<p>Có tất cả 25 bài viết trong chuyên mục # clgt, nếu bạn không tìm thấy bài viết mình cần có thể <a href="" class="bold">gửi thư yêu cầu</a> cho chúng tôi. Chúng tôi sẽ nghiên cứu và viết bài mới theo yêu cầu của bạn.</p>
				</div>
				<div id="newItem-1" class="lastItems">
					<div class="postImg floatLeft">
						<a href=""><img src="images/post-demo-larg.jpg" alt=""></a>
						<div class="tag">
							<a href="#">#wordpress</a>
							<a href="#">#newbie</a>
							<a href="">#psd2html</a>
						</div>
						<!-- /.tag -->
					</div>
					<!-- /.postImg -->
					<div class="postDescription floatRight">
						<h1>Sử dụng domain dạng có “www” hay không “www”</h1>
						<ul>
							<li class="author">Võ Minh Mẫn</li>
							<li class="time">15/11/2014</li>
							<li class="comments">55 comments</li>
						</ul>
						<p>Người dùng có thể gõ “http://www.domain.com” hoặc “http://domain.com” đều có thể đưa họ đến cùng một trang web. Điều này ban đầu có vẻ không có vấn đề gì, nhưng về lâu về dài sẽ ảnh hưởng đến Rank của bạn trên các công cụ tìm kiếm phổ biến. Vấn đề nằm ở chỗ cỗ máy tìm kiếm Google coi hai phiên bản như trên là hai trang web riêng biệt, cho dù trang đó có cùng một nội dung. Trên thực tế về mặt kỹ thuật, cụm từ “www” có thể được hiểu như là một subdomain chỉ đến</p>
					</div>
					<!-- /.postDescription -->
					<div class="clearfix"></div>
				</div>
				<!-- /.lastItems -->
				<div id="newItem-1" class="lastItems">
					<div class="postImg floatLeft">
						<a href=""><img src="images/post-demo-larg.jpg" alt=""></a>
						<div class="tag">
							<a href="#">#wordpress</a>
							<a href="#">#newbie</a>
							<a href="">#psd2html</a>
						</div>
						<!-- /.tag -->
					</div>
					<!-- /.postImg -->
					<div class="postDescription floatRight">
						<h1>Sử dụng domain dạng có “www” hay không “www”</h1>
						<ul>
							<li class="author">Võ Minh Mẫn</li>
							<li class="time">15/11/2014</li>
							<li class="comments">55 comments</li>
						</ul>
						<p>Người dùng có thể gõ “http://www.domain.com” hoặc “http://domain.com” đều có thể đưa họ đến cùng một trang web. Điều này ban đầu có vẻ không có vấn đề gì, nhưng về lâu về dài sẽ ảnh hưởng đến Rank của bạn trên các công cụ tìm kiếm phổ biến. Vấn đề nằm ở chỗ cỗ máy tìm kiếm Google coi hai phiên bản như trên là hai trang web riêng biệt, cho dù trang đó có cùng một nội dung. Trên thực tế về mặt kỹ thuật, cụm từ “www” có thể được hiểu như là một subdomain chỉ đến</p>
					</div>
					<!-- /.postDescription -->
					<div class="clearfix"></div>
				</div>
				<!-- /.lastItems -->
				<div id="newItem-1" class="lastItems">
					<div class="postImg floatLeft">
						<a href=""><img src="images/post-demo-larg.jpg" alt=""></a>
						<div class="tag">
							<a href="#">#wordpress</a>
							<a href="#">#newbie</a>
							<a href="">#psd2html</a>
						</div>
						<!-- /.tag -->
					</div>
					<!-- /.postImg -->
					<div class="postDescription floatRight">
						<h1>Sử dụng domain dạng có “www” hay không “www”</h1>
						<ul>
							<li class="author">Võ Minh Mẫn</li>
							<li class="time">15/11/2014</li>
							<li class="comments">55 comments</li>
						</ul>
						<p>Người dùng có thể gõ “http://www.domain.com” hoặc “http://domain.com” đều có thể đưa họ đến cùng một trang web. Điều này ban đầu có vẻ không có vấn đề gì, nhưng về lâu về dài sẽ ảnh hưởng đến Rank của bạn trên các công cụ tìm kiếm phổ biến. Vấn đề nằm ở chỗ cỗ máy tìm kiếm Google coi hai phiên bản như trên là hai trang web riêng biệt, cho dù trang đó có cùng một nội dung. Trên thực tế về mặt kỹ thuật, cụm từ “www” có thể được hiểu như là một subdomain chỉ đến</p>
					</div>
					<!-- /.postDescription -->
					<div class="clearfix"></div>
				</div>
				<!-- /.lastItems -->
				<div id="newItem-1" class="lastItems">
					<div class="postImg floatLeft">
						<a href=""><img src="images/post-demo-larg.jpg" alt=""></a>
						<div class="tag">
							<a href="#">#wordpress</a>
							<a href="#">#newbie</a>
							<a href="">#psd2html</a>
						</div>
						<!-- /.tag -->
					</div>
					<!-- /.postImg -->
					<div class="postDescription floatRight">
						<h1>Sử dụng domain dạng có “www” hay không “www”</h1>
						<ul>
							<li class="author">Võ Minh Mẫn</li>
							<li class="time">15/11/2014</li>
							<li class="comments">55 comments</li>
						</ul>
						<p>Người dùng có thể gõ “http://www.domain.com” hoặc “http://domain.com” đều có thể đưa họ đến cùng một trang web. Điều này ban đầu có vẻ không có vấn đề gì, nhưng về lâu về dài sẽ ảnh hưởng đến Rank của bạn trên các công cụ tìm kiếm phổ biến. Vấn đề nằm ở chỗ cỗ máy tìm kiếm Google coi hai phiên bản như trên là hai trang web riêng biệt, cho dù trang đó có cùng một nội dung. Trên thực tế về mặt kỹ thuật, cụm từ “www” có thể được hiểu như là một subdomain chỉ đến</p>
					</div>
					<!-- /.postDescription -->
					<div class="clearfix"></div>
				</div>
				<!-- /.lastItems -->
				<div class="wp-pagenavi">
					<a class="first" href="#">« Trang đầu</a>
					<a class="previouspostslink" href="#">«</a>
					<span class="current">1</span>
					<a class="page larger" href="#">2</a>
					<a class="page larger" href="#">3</a>
					<a class="page larger" href="#">4</a>
					<a class="page larger" href="#">5</a>
					<span class="extend">...</span>
					<a class="larger page" href="#">10</a>
					<a class="larger page" href="#">20</a>
					<a class="nextpostslink" href="#">»</a>
					<a class="last" href="#">Trang cuối »</a>
				</div>	
			</section>
			<!-- /#lastestPost.floatLeft -->
			<aside class="floatRight">
				<section id="newsLetter">
					<h1># Izwebz Newsletter</h1>
					<div class="sidebarContent">
						<p>Bạn sẽ không bõ lỡ bất kỳ bài viết mới nào tại izwebz. Chúng tôi sẽ gửi bạn email bản tin cập nhật hàng tuần.</p>
						<form action="#">
							<input type="email" placeholder="Điền vào email của bạn">
							<input type="submit" value="Update">
						</form>
					</div>
				</section>
				<!-- newsLetter -->
				<section id="hotSeries">
					<h1># series bài viết <span class="redColor">HOT</span></h1>
					<div class="sidebarContent">
						<ul>
							<li>
								<img src="images/demo-post.jpg" alt="">
								<a href="">Cách tạo themes wordpress</a><br>
								<span class="author">#võ minh mẫn</span>
								<div class="clearfix"></div>
							</li>
							<li>
								<img src="images/demo-post.jpg" alt="">
								<a href="">Cách chuyển PSD sang HTML</a><br>
								<span class="author">#võ minh mẫn</span>
								<div class="clearfix"></div>

							</li>
							<li>
								<img src="images/demo-post.jpg" alt="">
								<a href="">PHP Căn bản</a><br>
								<span class="author">#võ minh mẫn</span>
								<div class="clearfix"></div>
							</li>
							<li>
								<img src="images/demo-post.jpg" alt="">
								<a href="">Fonts cho web</a><br>
								<span class="author">#võ minh mẫn</span>
								<div class="clearfix"></div>
							</li>
						</ul>
					</div>
				</section>
				<!-- hotSeries -->
				<section id="fbGroup" class="noMaPa">
					<img src="images/fbGroup.jpg" alt="">
				</section>
			</aside>
			<!-- /.floatRight -->
			<div class="clearfix"></div>
		</article>
		<!-- /#mainContent.wrapper -->
		<footer>
			<div class="wrapper">
				<section id="intro">
					<img src="images/logo.png" alt="Izwebz Logo" width="250">
					<p>Izwebz.com được thành lập vào năm 2008, là một trong những website tiên phong trong việc giảng dạy và đào tạo trong lĩnh vực thiết kế và lập trình web miễn phí tại Việt Nam. Với phương châm <span class="bold">Let’s do together</span>, Izwebz luôn cho ra những video hướng dẫn học trực quan nhất cho người xem.</p>
				</section>
				<!-- /#intro -->
				<section id="rule">
					<h4>Quy định sử dụng</h4>
					<ul>
						<li>- Quy định được đặt ra không phải cho có, bạn phải mình tuân thủ những gì nêu bên dưới đây</li>
						<li>- Bạn không được tự ý copy và phát hành lại nội dung của izwebz nếu chưa được sự đồng ý của tôi.</li>
						<li>- Biết tôn trọng và cư xử hòa nhã với mọi người</li>
						<li>- Không "bóc tem" bài viết.</li>
						<li>- Izwebz được quyền xóa những comment nào không phù hợp với nội dung của trang web</li>
					</ul>
				</section>
				<!-- /#rule -->
				<section id="linked">
					<h4>Trao đổi liên kết</h4>
					<ul>
						<li><a href="#">Thạch Phạm Blog</a></li>
						<li><a href="#">Thế Giới Mã Nguồn</a></li>
						<li><a href="#">Tin công nghê</a></li>
						<li><a href="#">Thủ thuật Wordpress</a></li>
					</ul>
				</section>
			</div>

			<section id="copyright">
				<div class="wrapper">
					<div class="floatLeft">
						Copyright 2008-2014 by izwebz.com
					</div>
					<!-- /.floatLeft -->
					<div class="floatRight">
						<img src="images/wp-logo.png" alt="">
					</div>
					<!-- /.floatRight -->
					<div class="clearfix"></div>
				</div>
			</section>
			<!-- /#copyright -->
		</footer>
	</div>

</body>
</html>